<template>
	<view class="promotion">
		<view class="promotionBox">
			<view class="bmgImage"></view>
		</view>
		<view class="NoticeBox">
			<u-parse :html="content"></u-parse>
		</view>
		<view class="promotionbtn">立即邀请</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: `<p>时间: 2021年8月18日0时- 2021年8月31日24时
										奖励先到先得，以官方公布数据为准，领完活动自动结束
										福利说明:礼品福利与红包福利可同享,喜茶、麦当劳奖励不可同享,每位达人仅可领取1次
										助力任务:两类福利的助力均指活动期间注册的直接好友，且注册地与邀请人一致;直接好友注册成功即视为助力成功，后台直接好友人数加1
										收益任务:指活动期间推广收益，不含自己购买的订单产生的收益
										奖励领取:助力任务完成后,填写社群内获奖登记表单，表单只能填写一次.填写错误将影响奖励发放。
										奖励发放:平台审核无误( 助力时间: 2021年8月18日0时- 2021年8月31日24时
										奖励先到先得，以官方公布数据为准，领完活动自动结束
										福利说明:礼品福利与红包福利可同享,喜茶、麦当劳奖励不可同享,每位达人仅可领取1次
										助力任务:两类福利的助力均指活动期间注册的直接好友，且注册地与邀请人一致;直接好友注册成功即视为助力成功，后台直接好友人数加1
										收益任务:指活动期间推广收益，不含自己购买的订单产生的收益
										奖励领取:助力任务完成后,填写社群内获奖登记表单，表单只能填写一次.填写错误将影响奖励发放。
										奖励发放:平台审核无误( 助力时间: 2021年8月18日0时- 2021年8月31日24时
										奖励先到先得，以官方公布数据为准，领完活动自动结束
										福利说明:礼品福利与红包福利可同享,喜茶、麦当劳奖励不可同享,每位达人仅可领取1次
										助力任务:两类福利的助力均指活动期间注册的直接好友，且注册地与邀请人一致;直接好友注册成功即视为助力成功，后台直接好友人数加1
										收益任务:指活动期间推广收益，不含自己购买的订单产生的收益
										奖励领取:助力任务完成后,填写社群内获奖登记表单，表单只能填写一次.填写错误将影响奖励发放。
										奖励发放:平台审核无误( 助力</p>`
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
.promotion{
	// padding-top: 88upx;
	.promotionBox{
		width: 100vw;
		height: 100vh;
		background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201409%2F24%2F20140924150410_zBiuh.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1634387371&t=34654712537d6b7608d4996f58ab1f7a);
		background-size: 750vw 100vh;
		background-repeat: no-repeat;
		// opacity: 0.5;
		.bmgImage{
			// position: fixed;
			// top: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.3);
			// z-index: 999;
		}
	}
	.NoticeBox{
		position: fixed;
		top: 88upx;
		left: 50%;
		transform: translate(-50%);
		width: 702upx;
		height: 800upx;
		overflow: auto;
		padding: 32upx;
		background: #FFFFFF;
		border-radius: 20upx;
		line-height: 45upx;
		font-size: 26upx;
		z-index: 99999;
		// text-align: justify;
	}
	.promotionbtn{
		position: fixed;
		bottom: 100upx;
		left: 50%;
		transform: translateX(-50%);
		width: 304upx;
		height: 92upx;
		background: #FFAC3F;
		opacity: 1;
		border-radius: 62upx;
		font-size: 28upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		line-height: 92upx;
		text-align: center;
		color: #FFFFFF;
		z-index: 99999999;
	}
}
</style>
